<template>
	<view class="dwu-empty" :style="'padding-top:'+paddingTop">
		<image class="dwu-empty-img" :src="image" :style="{width: imageW,height: imageH}" mode=""></image>
		<text class="dwu-empty-text">{{tips}}</text>
	</view>
</template>

<script>
	export default {
		name: "dwu-empty",
		props: {
			tips: {
				type: String,
				default: '暂无数据~'
			},
			paddingTop: {
				type: String,
				default: '240rpx'
			},
			image: {
				type: String,
				default: '/static/address/no_data.png'
			},
			imageW: {
				type: String,
				default: '282rpx'
			},
			imageH: {
				type: String,
				default: '292rpx'
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="less">
	.dwu-empty {
		padding-top: 240rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;

		.dwu-empty-img {
			width: 282rpx;
			height: 292rpx;
			margin-bottom: 26rpx;
		}

		.dwu-empty-text {
			font-family: PingFangSC, PingFang SC;
			font-weight: 400;
			font-size: 23rpx;
			color: #999999;
			line-height: 33rpx;
		}
	}
</style>